
<script setup lang="ts">
</script>


<template>
  <div class="index-wrap">
    <h1>VueX:{{ $store.state.count }}</h1>
    <div class="btn-wrap" @click="$store.commit('increment')">Vuex++</div>
    <div class="btn-wrap" @click="$store.commit('decrement')">Vuex--</div>
  </div>
</template>



<style>
.index-wrap {
  margin: 200px auto;
  width: 1000px;
}
h1 {
  text-align: center;
}
</style>
